<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
  <head {{ HEAD_ATTRS }}>
    {{ HEAD }}
    <!-- Import Ionicon icons & Google Fonts our Bootstrap theme relies on -->
    <!-- <link href="https://cdn.jsdelivr.net/npm/ionicons@2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css"> -->
    <link href="//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic" rel="stylesheet" type="text/css">
    <!-- Import the custom Bootstrap 4 theme from our hosted CDN -->
    <!-- <link rel="stylesheet" href="//demo.productionready.io/main.css"> -->
    <link rel="stylesheet" href="/index.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <script src="//qzonestyle.gtimg.cn/qzone/app/qzopen/js/qzone.js" charset="utf-8"></script>
    <script>
      //判断是否Safari浏览器
      var userAgent = navigator.userAgent;
      console.log('userAgent', userAgent)
      if (userAgent.indexOf("Safari") > -1) {
          // 禁止苹果手机或ipad在放大缩小
          window.onload=function () {
              document.addEventListener('touchstart',function (event) {
                  if(event.touches.length>1){
                      event.preventDefault();  //阻止元素的默认行为
                  }
              })
              var lastTouchEnd=0;
              document.addEventListener('touchend',function (event) {
                  var now=(new Date()).getTime();
                  if(now-lastTouchEnd<=300){
                      event.preventDefault();
                  }
                  lastTouchEnd=now;  //当前为最后一次触摸
              },false)
          }
      }
  </script>
  </head>
  <body {{ BODY_ATTRS }}>
    {{ APP }}
  </body>
</html>
